// 获取所有聊天项
const chatItems = document.querySelectorAll('.custom-chat');

// 遍历所有聊天项，添加点击事件监听器
chatItems.forEach(item => {
	item.addEventListener('click', function(event) {
		event.preventDefault(); // 防止默认链接行为
		const dropdownClass = this.classList.contains('wechat-item') ? 'wechat-dropdown' :
		'qq-dropdown';
		const dropdownMenu = document.querySelector(`.${dropdownClass}`);
		if (dropdownMenu) {
			dropdownMenu.classList.add('show-dropdown'); // 显示下拉菜单
		}
	});

	// 为每个聊天项添加鼠标离开事件，用于关闭下拉菜单
	item.addEventListener('mouseleave', function() {
		const dropdownClass = this.classList.contains('wechat-item') ? 'wechat-dropdown' :
		'qq-dropdown';
		const dropdownMenu = document.querySelector(`.${dropdownClass}`);
		if (dropdownMenu) {
			dropdownMenu.classList.remove('show-dropdown'); // 隐藏下拉菜单
		}
	});
});

// 点击页面其他区域时关闭所有下拉菜单
window.addEventListener('click', function(event) {
	if (!event.target.closest('.custom-chat')) {
		document.querySelectorAll('.dropdown').forEach(dropdownMenu => {
			dropdownMenu.classList.remove('show-dropdown');
		});
	}
});